Widget Settings

The settings section allows you to configure how the widget will work and display for the end users.

Setting options are:

Option	Value	Description
Container Class	CSS class name	The container class will add a css class to the main container. This can be any valid css class name `use only the classes name`
Container background color	HEX Color	The container background color will set the background color of the container. To use, simply select the color picker and select the color. You may also use the HEX input to put in exact colors using their HEX value.
Container corner roundness	Number	The container corner roundness option allows you to set the 'roundness' of the container. Using the range slider, you can set the value `In pixels` of the container. The higher the number the more round a container will be.

Option	Value	Description
Use divider	Yes/No	The container class will add a css class to the main container. This can be any valid css class name `use only the classes name`
Divider Color	HEX Color	The container background color will set the background color of the container. To use, simply select the color picker and select the color. You may also use the HEX input to put in exact colors using their HEX value.
Gradient End Color	Hex / Alpha color	The divider, by default, will gradient from the `Divider Color` to the `Gradient End Color`. Setting this allows you to set how that transition looks and the alpha (transparency) as well.
Divider Type	Option	The divider type has 4 options to choose from Wave - A wave pattern Angle Right - Will create a pyramid divider skewed to the right Angle Left - Will create a pyramid divider skewed to the left Line - Will create a solid line
Divider Height	Number	This allows you to control the height of the divider. When adding a number here it will override the default divider height. This can be helpful in adjusting the gap between sections